<!--            begin nav kpopzone-->
<?php

     ?>



<div style="margin-left: 0px;" class="bar_240i" >
  <div style="" class="JO_h1i">
    Menu
  </div>
  <div class="content240i">
    <ul class="navi" style="">
      <li><a href="?JO_unit=008_KPopNews">K-Pop News</a></li>
      <li><a href="?JO_unit=009_ArtistII">Artist in Information</a></li>
      <li><a href="?JO_unit=010_FanCorner">Fan Corner</a></li>
      <li><a href="?JO_unit=011_Comment">Comment</a></li>
    </ul>
  </div>
  <?php if(isset($_GET['JO_unit'])?$_GET['JO_unit']:""=='009_ArtistII' )
				{?>

  <div style="" class="JO_h1i">
     Danh Sách 10 Ca sĩ hot 
  </div>
  <div class="content240i">
    <ul class="navii" style="">
      <?php

					function JO_menu_artist(){
					$s_SQLCommand = "call JO_menu_artist()";
					$rs_result = DataProvider::executeSQL($s_SQLCommand);
					return $rs_result; 
					} 
					$results=JO_menu_artist();
					while($row=$results->fetch_array()){
					 ?>
      <li><a href="?JO_unit=001_artist&artist=<?=md5($row["key_item"]) ?>">
        <?=$row['name']?>
        </a></li>
      <?php 
							}
						?>
    </ul>
  </div>
  <? }
				
				?>
</div>
<!--            end nav kpopzone-->
<script type="text/javascript">
    var musics=new Array();
    var n=0;
	
    $(document).ready(function(){  
                                                                            
            //When you click on a link with class of poplight and the href starts with a #   
            $('a.poplight[href^=#]').click(function() {  
                    var popID = $(this).attr('rel'); //Get Popup Name  
                    var popWidth = 480; //Gets the first query string value  
                    //Fade in the Popup and add close button  
                    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="JO_80_image/fileclose.ico" class="btn_close" width="20px" title="Close Window" alt="Close" onclick="location.reload(true)"/></a>');  
                      
                    //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css  
                    var popMargTop = ($('#' + popID).height() + 80) / 2;  
                    var popMargLeft = ($('#' + popID).width() + 80) / 2;  
                      
                    //Apply Margin to Popup  
                    $('#' + popID).css({   
                            'margin-top' : -popMargTop,  
                            'margin-left' : -popMargLeft  
                    });  
                      
                    //Fade in Background  
                    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.  
                    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer   
                      
                    return false;  
            });  
              
              
            //Close Popups and Fade Layer  
            $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...  
                      $('#fade , .popup_block').fadeOut(function() {  
                            $('#fade, a.close').remove();    
            }); //fade them both out  
                      
                    return false;  
            });  
       
              
    });  
    function JO_load_iframe(id){
		if(id==""){
			document.getElementById("JO_iframe1").src="JO_12_01_recommendation.php";
		}else{
			document.getElementById("JO_iframe1").src="JO_12_01_recommendation.php?key="+id;
		}
	}
</script>



